<template>
	<view class="u-invate-page">
		<u-navbar  title="" back-text="经纪邀请" :is-back="true"  :background="{ background: '#000' }" :back-text-style="{color:'#FFF'}" back-icon-color="#fff"> </u-navbar>
		<view class="head">
			<view class="head-each-p">
				<view class="line"> 打造一个 <text class="text">"诚信、共享、协作" </text>的房产经纪人共享合作平台。 </view>
				<view class="line"> 房侦探实行经纪人<text class="text">邀约准入制 </text>。 </view>
			</view>
			<view class="head-each-p">
				<view class="line"> 每位注册的经纪人可通过专属邀请码， </view>
				<view class="line"> <text class="text">限额邀请5名</text>经纪人加入平台。 </view>
				<view class="line"> 每成功邀约的注册一名经纪人，将<text class="text">增加3个房源发布空间</text>。 </view>
				<view class="tip"> 备注:邀请额用完，邀请码自动失效。 </view>
			</view>
			<view class="head-each-p">
				<view class="line"> 为了履行 "诚信、共享、协作" 的平台宗旨。 </view>
				<view class="line">
					<text class="text">请珍惜、善用邀约名额</text>，未平台共筑一个良好的合作氛围。
				</view>
			</view>
		</view>
		<view class="canvas-area">
			<view class="share-img">
				<image class="qr-code"></image>
			</view>
		</view>
		<view class="center">
			<view class="share btn"> 分享邀请海报 </view>
		</view>
		<view class="center">
			<view class="appPng"> </view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		methods: {

		},
	};
</script>

<style lang="scss">
	.u-invate-page {
		
		.head-each-p {
		  margin: 20px 0;
		  padding-left: 40px;
		  font-size: 12px;
		}
		.tip {
		  font-size: 12px;
		  color: #ccc;
		}
		.line{
		  margin: 10px 0;
		}
		.line>.text{
		  font-weight: 600;
		  
		}
		.share {
		  background: #e20183;
		  font-size: 20px;
		  font-weight: 600;
		  color: #fff;
		  padding: 10px 50px;
		  border-radius: 50px;
		  margin: 10px;
		}
		.canvas-area{
		  padding: 20px;
		}
		.share-img{
		  height: 170VW;
		  background: url(http://house-detective.oss-cn-guangzhou.aliyuncs.com/canvas-invate.png) center center / 100% 100%;
		}
		.qr-code{
		  width: 40px;
		  height: 40px;
		  background: url(https://unsplash.it/100/100?random) center center / 100% 100%;
		  position: relative;
		  top: 150vw;
		  left: 66.5vw;
		}
		.center{
			padding: 20px 0 ;
			background: #eee;
		}
	}
</style>
